﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CadastroCliente.aspx.cs" MasterPageFile="~/Funcionario/Funcionario.Master" Inherits="Ortodoctor.Funcionario.CadastroCliente" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="head">
    <title>Ortodoctor - Cadastro de Clientes</title>
    <link rel="stylesheet" type="text/css" href="CadastroCliente.css" />
    <script type="text/javascript" src="CadastroCliente.js"></script>
</asp:Content>

<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="conteudo">
    <div id="grid"></div>       

    <div id="formulario" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div id="cadastro" class="modal-body" style="max-height:445px;">
            <ul class="nav nav-tabs" id="tabCadastro">
                <li><a href="#tabDadosPessoais">Dados Pessoais</a></li>
                <li><a href="#tabEndereco">Endereço</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane" id="tabDadosPessoais">
                    <table>
                        <tr>
                            <td>
                                <label for="nome">*Nome:</label>
                            </td>
                            <td>
                                <input type="text" id="nome" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="cpf">CPF:</label>
                            </td>
                            <td>
                                <input type="text" id="cpf" />
                            </td>
                        </tr>                    
                        <tr>
                            <td>
                                <label for="rg">RG:</label>
                            </td>
                            <td>
                                <input type="text" id="rg" onkeyup="soNumeros($(this), 9)"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="Data">*Nascimento:</label>
                            </td>
                            <td>
                                <input type="text" id="Data" />
                            </td>
                        </tr>
                            <tr>
                            <td>
                                <label for="Telefone_1">Telefone (1):</label>
                            </td>
                            <td>
                                <input type="text" id="Telefone_1" />
                            </td>
                        </tr>
                            <tr>
                            <td>
                                <label for="Telefone_2">Telefone (2):</label>
                            </td>
                            <td>
                                <input type="text" id="Telefone_2" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="email">E-Mail:</label>
                            </td>
                            <td>
                                <input type="text" id="email" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="clinica">*Clinica:</label>
                            </td>
                            <td>
                                <select id="clinica" runat="server"></select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="selectID">Indicado por:</label>
                            </td>
                            <td>
                                <select id="selectID"></select>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="tab-pane" id="tabEndereco">
                    <table>
                        <tr>
                            <td>
                                <label for="rua">*Rua:</label>
                            </td>
                            <td>
                                <input type="text" id='rua' class="input"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="numero">*Nº:</label>
                            </td>
                            <td>
                                <input type="text" id='numero' onkeyup="soNumeros($(this), 8)" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="bairro">Bairro:</label>
                            </td>
                            <td>
                                <input type="text" id='bairro' />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="cidade">*Cidade:</label>
                            </td>
                            <td>
                                <input type="text" id='cidade' />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="uf">*UF:</label>
                            </td>
                            <td>
                                <input type="text" id='uf' />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="cep">CEP:</label>
                            </td>
                            <td>
                                <input type="text" id='cep' />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <input type="button" class="btn" onclick="javascript: CancelButton(); return false;" value="Cancelar" />
            <input type="button" class="btn btn-primary" onclick="javascript: ConfirmAddButton(); return false;" value="Salvar alterações" />
        </div>
    </div>
        
    <div id="scripts" runat="server"></div>
</asp:Content>   